Как вывести из массива заголовки title отмеченные checkbox'ом?
Делаете ещё одно вычисляемое свойство, по аналогии с sum - массив title'ов отмеченных элементов:selectedServices() {
  return this.services.reduce((acc, n) => (n.checked && acc.push(n.title), acc), []);
},
Ну и выводите его:<ul>
  <li v-for="n in selectedServices">{{ n }}</li>
</ul>
UPD. А вообще, имеет смысл немного всё переписать, чтобы не обходить массив services полностью дважды (или трижды, четырежды - кто знает, что ещё потребуется делать с выбранными элементами в будущем). Сделаем selectedServices массивом не title'ов, а самих выбранных элементов:selectedServices() {
  return this.services.filter(n => n.checked);
},
Рендеринг title'ов, соответственно, станет выглядеть так:<ul>
  <li v-for="n in selectedServices">{{ n.title }}</li>
</ul>
И используем selectedServices для вычисления суммы, здесь трогать свойство checked больше не надо:sum() {
  return this.selectedServices.reduce((acc, n) => acc + n.cost, 0);
},
уот так уот!snippet