HTL/Sightly: How to access individual values in an array? (not sure if it's an array)

So I have the code below (which I got from Sightly how to get multivalued properties )

<dl data-sly-list.head="${properties.testimonials}">
    <dt>key: ${head}</dt>
</dl>

and this gives me

key: {"testimonialPath":"/content/myhost/en/testimonials/hr/about"}

key: {"testimonialPath":"/content/myhost/en/testimonials/hr/work-safety"}

key: {"testimonialPath":"myhost/en/testimonials/hr/vacancy"}

How can I access the values that start with"/content"?

I tried

<dl data-sly-list.head="${properties.testimonials}">
    <dt>key: ${head[testimonialPath]}</dt>
</dl>

And my page won't load because of an error. I then tried

<dl data-sly-list.head="${properties.testimonials}">
    <dt>key: ${head["testimonialPath"]}</dt>
</dl>

and while there's no error, I also doesn't display the value.

Can you please help? Thanks!