Как на js в цикле выполнить первые 10 итераций, а последующие после того как пользователь начал скролить?

Уже вводят атрибут loading для картинок, так что вам и делать ничего не нужно.
Загружайте не все и не 10. Загружайте только те картинки что попадают в видимую область. И подгружайте новые только когда они вот-вот попадут в видимую область.
Читайте https://www.sitepoint.com/five-techniques-lazy-loa... и другие материалы на эту тему

 просто хотелось быстрого решения

Простое решение = готовое решение. Выберите себе библиотечку из готовых, подключите-настройте и все.