Duvida sobre o ngFor

Bom dia pessoal,

Minha duvida é no seguinte trecho de código

<div class="row"> <painel *ngFor="let foto of fotos | filtroPorTitulo:textoProcurado.value" titulo="{{foto.titulo | uppercase}}" class="col-md-2"> <foto url="{{foto.url}}" titulo="{{foto.titulo}}"></foto> </painel> </div>'

gostaria que a cada X fotos fosse criado uma nova "row" do bootstrap com X colunas, para ficar por exemplo 3 fotos por linha, alguém poderia me ajudar com isso?

Em java seria algo do tipo

public class test {
    public static void main(String[] args) {
        int cont=0;
        for(int i=0; i <=10; i++){
            if(cont == 0){
                System.out.println("abre");
            }

            System.out.println("\tconteudo");
            cont++;
            if(cont>=2){
                System.out.println("fecha");
                cont = 0;
            }
            if(i == 10){
                System.out.println("fecha");
            }
        }

    }

}