multiple checkbox with read more link in angular 4

Multiple checkbox with angular 4

I have a scenario in angular 4 where 10 or more material checkboxes are there but i want to limit the checkbox upto 3 but when i click on "Read More" link then it should display all the checkboxes. Please help in achieving this is angular 4? Sample angular material code that i am using::

      <h3>Village(s)</h3>
  <md-selection-list #village value="village"> 
    <md-list-option *ngFor="let item of data.villages" [value]="item" (click)="submit(item)">
      
    </md-list-option>
  </md-selection-list>