Angular 2 Bind only 3 checkboxes in each row dynamically

Am binding checkboxes dynamically but irrespective number of checkboxes, I need to display only 3 checkboxes in each row. How can I achieve this? Not only checkboxes, how can we display only 3 dynamic data out of many in each row in Angular?

Note: The data will be dynamic.

<table>
  <ng-container *ngFor="let aar of appAccessRights">
    <tr>
      <td>
        <ul>
          <li *ngFor="let item of aar.applicationPermissions">
            <input type="checkbox" id="AppPermissions" class="k-checkbox" name="AppPermissions">
            <label class="k-checkbox-label" for="AppPermissions"></label>
          </li>
        </ul>
      </td>
    </tr>
  </ng-container>
</table>