Как внутри innerHTML вставить код javascript цикла?
`
<div class="home-item__points">
  ${arr.map((item) => `
  // Начало foreach
  <div class="home-point">
    <ul>
      <li><span>MOW – HKT</span><span>10:45 – 08:00</span>
      </li>
      <li><span>В пути</span><span>21ч 15м</span>
      </li>
      <li><span>1 пересадка</span><span>HKG</span>
      </li>
    </ul>
  </div>
  // Конец foreach
  `).join('')}
</div>
`
Запишите все, что идет до "// Начало foreach" в переменную, типа 
let markup = `...`

потом сделайте свой forEach и в каждой итерации конкатенируйте переменную "markup" с новым home-point, типа 
[...].forEach(item => {
  markup += item;
})

И в самом конец добавьте закрывающий див, типа
markup += '</div>';

А потом просто сделайте так:
homeItem.innerHTML = markup;