Ayuda con Angular

Creo que deberías generar una lista como html, y luego adjudicarle una clase a cualquier elemento de lista cada "x items".

Por ejemplo:

<ul>
<li></li>
<li></li>
<li class="corta"></li>
<li></li>
<li></li>
</ul>

css:

ul li {float:left}
.corta{clear:both}

resultado:
1º fila: 2items
2º fila: 3 items...

genera tantos como quieras pero no te olvides de poner un height: auto al ul para que reconozca la altura. Tendrás que añadir esto:

<ul>
<li></li>
<li></li>
<li class="corta"></li>
<li></li>
<li ></li>
</ul>
<div class="clear_fix"></div>

css:
ul{height:auto}
.clear_fix{clear:both; line-height:1px;}

Para este caso, es más que recomendable poner un width a los elementos de li, es más engorroso de cara al responsive, pero te quitas de jaleos en escritorio.

También puedes crear columnas con capas flotadas con un width en % y cargas dentro los checkbox en lista que necesites.

En html5, también existe display:flex, para alinear "hijos" dentro de una capa madre que contiene esta propiedad de flex.

#6 Para la chorrada que tiene que hacer, meterte en un embolao de flex.. la auténtica salud.

No sé que hay más fácil que flotar elementos y cortar donde quieras. Incluso ya tienes el responsive hecho, porque al estar flotado todo solo tienes que darle a los elementos de lista un 100% en móvil.

Flex es un coñacete, tardas más si no tienes práctica.