How to fetch a String (instead of ID) of Longlist in Page?

How to fetch a String (instead of ID) of Longlist in Page?

Please see the attached images below. 

How do I change the Suppliers ID into String? 
and
Is there any way to limit the number of row displayed?
Current settings:

Add_New_Product
      - Product
      - Suppliers [Lookup - Longlist - One Product to Many Suppliers]
      - Quantity
      - etc..

Suppliers
      - Supplier_Name [String]

I have tried adding s.Supplier_Name but got "Invalid collection object found" error.


  2.                 <tbody>
  3.                     <tr>
  4.                         <td colspan="5" style="font-size: 14px; font-weight: bold;" class="zc-viewheader-height">สินค้าใกล้หมด</td></tr><tr class="zc-viewrowheader-template" style="color: rgb(255, 255, 255); font-size: 14px; font-weight: bold;">
  5.   <td>Date</td>
  6.                         <td>Product</td>
  7.                         <td>UoM</td>
  8.                         <td>Available Q</td>
  9.                         <td>Supplier</td>
  10.                     </tr>
  11.   <%for each i in Add_New_Product [Purchase_Required == "Yes"] sort by Last_Update
  12.   {%>
  13.                     <tr class="zc-viewrow zc-row-1">
  14.                         <td><%=i.Last_Update%></td>
  15.                         <td><%=i.Product%></td>
  16.   <td><%=i.Quantity_On_Hand%></td>
  17.                         <td><%=i.Unit_of_Measurement.Unit%></td>
  18.                         <td>
  19.   <%for each s in i.Suppliers
  20.   {%>
  21.   <%=s.Supplier_Name%>, <%}%>
  22.   </td></tr><%}%>

  24.                 </tbody>